<template>
    <div class="header">
        <div class="w">
            <p class="t">{{h1}}</p>
            <p class="i">{{h2}}</p>
        </div>
    </div>
</template>

<script type="ecmascript-6">
    export default {
        data(){
            return {
                h1 : 'La Vie En Rose',
                h2 : '你不过是每一个孤独的瞬息',
                show : false
            }
        }
    }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">

    @import '~common/stylus/variable.styl'

    .header
        color $color-t
        height 40px
        background $color-white
        padding 20px 0 20px 0
        box-shadow 0 0 8px rgba(0,0,0,.22)
        .t
          font-size $font-size-large-x
          line-height 1.5
        .i
          font-size $font-size-medium
          color $color-text
</style>

